<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title></title>
		<script src="${pageContext.request.contextPath}/js/jweixin-1.0.0.js"></script>
		<script src="${pageContext.request.contextPath}/js/jquery-2.0.3.min.js"></script>
		<script type="text/javascript">
		//通过config接口注入权限验证配置
		wx.config({
			debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId: '${appId}', // 必填，公众号的唯一标识
			timestamp: '${timestamp}', // 必填，生成签名的时间戳
			nonceStr: '${nonceStr}', // 必填，生成签名的随机串
			signature: '${signature}', // 必填，签名
			jsApiList: [
					'getLocation',
					'openLocation',
					'translateVoice'
				] // 必填，需要使用的JS接口列表
		});
		//通过ready接口处理成功验证
		wx.ready(function() {
			wx.translateVoice({
				   localId: 'AoAP_Z7LEobPrsWNBAq_Guwl3oWqsB1plU5yEa7Dxepm75Hiygq7KIkvw-nIMKYr', // 需要识别的音频的本地Id，由录音相关接口获得
				    isShowProgressTips: 1, // 默认为1，显示进度提示
				    success: function (res) {
				        alert(res.translateResult); // 语音识别的结果
				    }
			});
			// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后
			$("#openLocation").click(function() {
				wx.openLocation({
					latitude: 23.099994,
					longitude: 113.324520,
					name: 'TIT 创意园',
					address: '广州市海珠区新港中路 397 号',
					scale: 14,
					infoUrl: 'http://weixin.qq.com'
				});
			});
			// 7.2 获取当前地理位置
			$("#getLocation").click(function() {
				wx.getLocation({
					success: function(res) {
						alert(JSON.stringify(res));
					},
					cancel: function(res) {
						alert('用户拒绝授权获取地理位置');
					}
				});
			});
		});
	</script>
	</head>

	<body>
		<input type="button" id="getLocation" value="得到当前位置" />
		<input type="button" id="openLocation" value="定位" />
	</body>

</html>